.procardio_navbar {
	width: 100%;
}

.procardio_navbar-inner {
	min-height: 40px;
	padding-right: 20px;
	padding-left: 20px;
	position: relative;
	margin-top: -22px; background-color : #333333;
	background-image: -moz-linear-gradient(top, #333333, #333333);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333),
		to(#333333) );
	background-image: -webkit-linear-gradient(top, #333333, #333333);
	background-image: -o-linear-gradient(top, #333333, #333333);
	background-image: linear-gradient(to bottom, #333333, #333333);
	background-repeat: repeat-x;
	border: 1px solid #d4d4d4;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',
		endColorstr='#fff2f2f2', GradientType=0 );
	*zoom: 1;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
	background-color: #333333;
}

.procardio_nav {
	font-size: 20px;
	font-weight: 200;
	color: #2E002E;
	text-shadow: 0 1px 0 #ffffff;
}

.procadio_brand {
	display: block;
	float: left;
	padding: 20px 20px 10px;
	margin-left: -20px;
	font-size: 40px;
	font-weight: 200;
	color: #2E002E;
	text-shadow: 0 1px 0 #ffffff;
}

.procadio_avatar {
	float: right;
	margin-right: 60px;
	weight: 60px;
	width: 60px;
}

.procardio_btn_group {
	float: right;
	margin-right: 60px;
	position : relative;
	right : 860px;
}

.procardio_login_div {
	position : relative;
	margin-left : 470px;
	margin-top : 100px;
}

/* here starts the css tyle for login panel */
#registration {
	color: #fff;
	background: #2d2d2d;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(60, 60
		, 60) ), color-stop(0.74, rgb(43, 43, 43) ),
		color-stop(1, rgb(60, 60, 60) ) );
	background: -moz-linear-gradient(center bottom, rgb(60, 60, 60) 0%,
		rgb(43, 43, 43) 74%, rgb(60, 60, 60) 100% );
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin: 10px;
	width: 430px;
}

#registration a {
	color: #8c910b;
	text-shadow: 0px -1px 0px #000;
}

#registration fieldset {
	padding: 20px;
}

input.text {
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	border: solid 1px #444;
	font-size: 14px;
	width: 90%;
	padding: 7px 8px 7px 32px;
	background: #ddd;
	background: -moz-linear-gradient(center bottom, rgb(225, 225, 225) 0%,
		rgb(215, 215, 215) 54%, rgb(173, 173, 173) 100% );
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(225,
		225, 225) ), color-stop(0.54, rgb(215, 215, 215) ),
		color-stop(1, rgb(173, 173, 173) ) );
	color: #333;
	text-shadow: 0px 1px 0px #FFF;
	-moz-box-shadow: 0px 1px 0px #777;
	-webkit-box-shadow: 0px 1px 0px #777;
	box-shadow: 0px 1px 0px #777;
	background: #ddd url('inputSprite.png') no-repeat 4px 6px;
	background: url('inputSprite.png') no-repeat 4px 6px,
		-moz-linear-gradient(center bottom, rgb(225, 225, 225) 0%,
		rgb(215, 215, 215) 54%, rgb(173, 173, 173) 100% );
	background: url('inputSprite.png') no-repeat 4px 6px,
		-webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(225,
		225, 225) ), color-stop(0.54, rgb(215, 215, 215) ),
		color-stop(1, rgb(173, 173, 173) ) );
}

input#email {
	background-position: 4px 5px;
	background-position: 4px 5px, 0px 0px;
}

input#password {
	background-position: 4px -20px;
	background-position: 4px -20px, 0px 0px;
	height : 32px;
}

input#name {
	background-position: 4px -46px;
	background-position: 4px -46px, 0px 0px;
	height : 32px;
}

input#tel {
	background-position: 4px -76px;
	background-position: 4px -76px, 0px 0px;
}

#registration h2 {
	color: #fff;
	text-shadow: 0px -1px 0px #000;
	text-align: center;
	padding: 18px;
	margin: 0px;
	font-weight: normal;
	font-size: 24px;
	font-family: Lucida Grande, Helvetica, Arial, sans-serif;
	border-bottom: solid #181818 1px;
	-moz-box-shadow: 0px 1px 0px #3a3a3a;
	-webkit-box-shadow: 0px 1px 0px #3a3a3a;
	box-shadow: 0px 1px 0px #3a3a3a;
}



#registerNew:hover {
	background-position: 0px -41px;
}

#registerNew:active {
	background-position: 0px -82px;
}

fieldset label.infield  {
	color: #333;
	text-shadow: 0px 1px 0px #fff;
	position: absolute;
	text-align: left;
	top: 3px !important;
	left: 35px !important;
	line-height: 29px;
}
/* here ends the css style for login panel*/

/*--------------------------------------------*/
/* here starts the css style for users table*/
table.table2 {
	font-family: Georgia, serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: -1px;
	line-height: 1.2em;
	border-collapse: collapse;
	text-align: center;
}

.table2 thead th,.table2 tfoot td {
	padding: 15px 10px 40px 10px;
	color: #fff;
	font-size: 20px;
	background-color: #222;
	font-weight: normal;
	border-right: 1px dotted #666;
	border-top: 3px solid #666;
	-moz-box-shadow: 0px -1px 4px #000;
	-webkit-box-shadow: 0px -1px 4px #000;
	box-shadow: 0px -1px 4px #000;
	text-shadow: 0px 0px 1px #fff;
	text-shadow: 1px 1px 1px #000;
}

.table2 tfoot th {
	padding: 10px;
	font-size: 10px;
	color: #888;
}

.table2 tfoot td {
	font-size: 36px;
	color: #EF870E;
	border-top: none;
	border-bottom: 3px solid #666;
	-moz-box-shadow: 0px 1px 4px #000;
	-webkit-box-shadow: 0px 1px 4px #000;
	box-shadow: 0px 1px 4px #000;
}

.table2 thead th:empty {
	background: transparent;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.table2 thead :nth-last-child(1) {
	border-right: none;
}

.table2 thead :first-child,.table2 tbody :nth-last-child(1) {
	border: none;
}

.table2 tbody th {
	text-align: right;
	padding: 10px;
	color: #333;
	text-shadow: 1px 1px 1px #ccc;
	background-color: #f9f9f9;
}

.table2 tbody td {
	padding: 10px;
	background-color: #f0f0f0;
	border-right: 1px dotted #999;
	text-shadow: -1px 1px 1px #fff;
	text-transform: uppercase;
	color: #333;
}

.table2 tbody span.check::before {
	content: url(../images/check1.png)
}

.procardio_table_div {
	position: relative;
	margin-left : 10px;
	margin-top : 80px;
	max-width : 600px;
}

/* here ends the css style for users table*/
/*----------------------------------------*/

.procardio_select_table_format_div{
	position:relative;
	margin-left : 30px;
	margin-top : -440px;
}
.procardio_select_label{
	font-size : 16px;
	color : #EF870E
	text-shadow: 0px 0px 1px #fff;
	text-shadow: 1px 1px 1px #000;
}

/*---------------------------------------*/
/*here starts boxes css style */
#boxes {
	float: left;
	width: 145px;
	margin: 10px
}

#box1,#box2,#box3 {
	margin-bottom: 20px;
	background-image: url(bottom.gif);
	background-position: left bottom;
	background-repeat: no-repeat
}

#box1 h2,#box2 h2,#box3 h2 {
	text-align: right;
	padding: 23px 30px 9px 0;
	margin: 0 0 0 -1px;
	background: url(boxtop.gif) top no-repeat #ececec;
	font-weight: 400
}

#box1 p,#box2 p,#box3 p {
	padding: 9px 19px 24px 12px;
	margin: 0
}
.procadio_sprite{
	position:relative;
	max-width:5px;
	float-left: 100px;
	background: #ffffcc url('inputSprite.png') no-repeat 4px 6px;
	background-position: 4px -46px;
	background-position: 4px -46px, 0px 0px;
	
}
/*here ends boxes css style*/


#userStatus {
	position : relative;
	left : 800px;
	color : #FFFFFF;
}

#userStatusText{
	margin-left: 27%;
}

#loginFailedMessage {
	position : relative;
	left : 488px;
	color : red;
}

#labelageemployee {
	position : relative;
	left : 0.6%;
	margin-bottom : 5px;
	top : -404px;
}

#ageEmployee {
	position : relative;
	left : 0.6%;
	width : 70px;
	font-size : 14px;
	height : 32px;
	top : -404px;
}
#labelfamilyhistory {
	position : relative;
	left : 10%;
	margin-bottom : 5px;
	top : -471px;
}

#familyHistory {
	position : relative;
	left : 10%;
	width : 70px;
	font-size : 14px;
	height : 32px;
	top : -471px;
}

#labelActivityCalory {
	position : relative;
	left : 20%;
	margin-bottom : 5px;
	top : -538px;
}

#activityCalory {
	position : relative;
	left : 20%;
	width : 70px;
	font-size : 14px;
	height : 32px;
	top : -538px;
}
#labelNutritionCalory {
	position : relative;
	left : 30%;
	margin-bottom : 5px;
	top : -605px;
}

#nutritionCalory {
	position : relative;
	left : 30%;
	width : 70px;
	font-size : 14px;
	height : 32px;
	top : -605px;
}

#weight {
	position : relative;
	left : 30%;
	width : 70px;
	font-size : 14px;
	height : 32px;
	top : -67px;
}
#labelweight {
	position : relative;
	left : 30%;
	margin-bottom : 5px;
	top : -67px;
}

#height {
	position : relative;
	left : 40%;
	width : 70px;
	font-size : 14px;
	height : 32px;
	top : -134px;
}
#labelheight {
	position : relative;
	left : 40%;
	margin-bottom : 5px;
	top : -134px;
}

#sex {
	position : relative;
	left : 50%;
	width : 90px;
	font-size : 14px;
	height : 32px;
	top : -201px;
}
#labelsex {
	position : relative;
	left : 50%;
	margin-bottom : 5px;
	top : -201px;
}

#smoker {
	position : relative;
	left : 62%;
	width : 90px;
	font-size : 14px;
	height : 32px;
	top : -268px;
}
#labelsmoker {
	position : relative;
	left : 62%;
	margin-bottom : 5px;
	top : -268px;
}

#diabetic {
	position : relative;
	left : 74%;
	width : 90px;
	font-size : 14px;
	height : 32px;
	top : -335px;
}
#labeldiabetic {
	position : relative;
	left : 74%;
	margin-bottom : 5px;
	top : -335px;
}

#sbp {
	position : relative;
	left : 86%;
	width : 90px;
	font-size : 14px;
	height : 32px;
	top : -402px;
}
#labelsbp {
	position : relative;
	left : 86%;
	margin-bottom : 5px;
	top : -402px;
}

#meal_preferences {
	position : relative;
	margin-bottom : 5px;
	top : -402px;
}
#soup_preferences {
	position : relative;
	margin-bottom : 5px;
	top : -402px;
}

#fruit_preferences {
	position : relative;
	margin-bottom : 5px;
	top : -835px;
	left : 25%;
}

#graminea_preferences{
	position : relative;
	margin-bottom : 5px;
	top : -835px;
	left : 25%;
}

#vegetable_preferences {
	position : relative;
	margin-bottom : 5px;
	top : -1317px;
	left : 50%;
}

#activity_preferences{
	position : relative;
	margin-bottom : 5px;
	top : -1860px;
	left : 75%;
}

#updateEmployee{
	position : relative;
	margin-bottom : 5px;
	top : -1860px;
	left : 75%;
}

/*################################################# custom checkbox style ##################################################*/
body {
	font: 0.8em/21px arial,sans-serif;
}

.checkbox, .radio {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background: url(../img/checkbox.png) no-repeat;
	display: block;
	clear: left;
	float: left;
}
.radio {
	background: url(radio.png) no-repeat;
}
.select {
	position: absolute;
	width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 21px;
	padding: 0 24px 0 8px;
	color: #fff;
	font: 12px/21px arial,sans-serif;
	background: url(select.png) no-repeat;
	overflow: hidden;
}
/*##################################### facade whait styles ########################################################*/



#loading_screen
{  
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('../img/pIkfp.gif') 
                50% 50% 
                no-repeat;s
}

#recomandation_table {
	position : relative;
	left : 7%;
}
/*##################################################################################################################*/